@import "~@/styles/mixin.scss";

.hi-layout-sider {
  display: flex;
  flex-direction: column;
  width: 208px;
  height: 100%;
  background: #fff;
  overflow: hidden;
  z-index: 111;
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);

  &.hide {
    width: 48px;
  }

  &.sider-fixed {
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 48px;
  }

  .hi-layout-menu-content {
    flex: 1;
    @include scrollBar;
    overflow-x: hidden;

    .hi-global-sider-menu {
      min-height: 100%;
      border: 0;
      .anticon {
        // font-size: 25px;
      }
    }
  }

  .hi-sider-links {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 40px;
    border-top: 1px solid #f0f0f0;
  }
}